﻿window.onload=function(){
	var a = new Vue({
			el:"#box1", //选择器 class id 元素标签
			data:{  //存放数据
				msg:"我在学习vueJs",
				arr:["1","2","3"],
				msg2:true,
				json:{a:"1",b:"2"},
				a:true,
				url:"https://www.baidu.com/img/bd_logo1.png",
				w:"300px",
				tit:"aaaaaaaa",
				a:"red",  //此处的red指的是class .red
				b:"gray",
				json:{red:true,gray:true},
				json2:{fontSize:'22px',fontWeight:'bold'},
				text:"<span>v-html解析html标签</span>"
			},
			methods:{
				add:function(){
					this.arr.push("我是新添加的4");
				},
				/*show:function(ev){
					ev.cancelBubble=true;  //原始阻止冒泡比需要传$event接收
					alert(1); 
				},*/
				show:function(){       //vue的只需要一个.stop()函数 不需要传参
					alert(1); 
				},
				show2:function(){
					alert(2);
				},
				cancelDefault:function(){       //原始的传$event,然后ev.preventDefault();vue的只需要一个contextmenu.prevent 不需要传参
					alert(1); 
				},
				tan:function(ev){
					alert(ev.keyCode);  //键码
				}
			}
	});
	
	//注册在Vue全局
	/* Vue.filter("uppercase",function(value){
		if(!value){
			return "";
		}
		value = value.toString();
		return value.toUpperCase();
	});   //这个注册必须在vue实例化之前
	
	 Vue.filter('sum', function (value) {
		return value + 1;
	});
	var c = new Vue({
			el:".p",
			data:{
				message:"ss"
			}
	}); */
	//注册在实例化内部
	var c = new Vue({
			el:".p",
			data:{
				message:'ss'
			},
			filters:{
				sum:function (value) {
					return value + 1;
				},
				uppercase:function(value){
					if(!value){
						return "";
					}
					value = value.toString();
					return value.toUpperCase();
				}
			}
	});	
}